<template>
<div class="hq-tag" :class="tagClass">
  {{ label }}
</div>
</template>

<script>
export default {
  computed: {
    tagClass () {
      return `nmv-${this.type} nmv-bg-${this.type}`
    }
  },
  props: {
    // type: second/success/danger/warning/none
    type: {
      type: String,
      default: ''
    },
    label: {
      type: String,
      default: ''
    }
  }
}
</script>

<style lang="less" scoped>
.hq-tag {
  white-space: nowrap;
  padding: 0 5px;
  border-radius: 2px;
  display: inline;
}
</style>
